
/* 设置 #screen 元素的样式，用于展示用户信息 */
#screen {
    width: 400px;               /* 宽度设置为 400px */
    height: 200px;              /* 高度设置为 200px */
    font-size: 20px;            /* 字体大小设置为 20px */
    background-color: rgb(224, 208, 208);     /* 背景颜色设置为灰色 */
    color: rgb(26, 24, 24);               /* 字体颜色设置为白色 */
    border-radius: 10px;        /* 边框圆角设置为 10px */
    text-align: center;         /* 文本居中对齐 */
    line-height: 100px;         /* 行高设置为 100px，使文本垂直居中 */
}

/* 设置 #match-button 元素的样式，用于匹配按钮 */
#match-button {
    width: 400px;               /* 宽度设置为 400px */
    height: 50px;               /* 高度设置为 50px */
    font-size: 20px;            /* 字体大小设置为 20px */
    color: white;               /* 字体颜色设置为白色 */
    background-color: orange;   /* 背景颜色设置为橙色 */
    border: none;               /* 移除边框 */
    outline: none;              /* 移除外轮廓 */
    border-radius: 10px;        /* 边框圆角设置为 10px */
    text-align: center;         /* 文本居中对齐 */
    line-height: 50px;          /* 行高设置为 50px，使文本垂直居中 */
    margin-top: 20px;           /* 上外边距设置为 20px */
}

/* 设置 #match-button 元素的点击状态样式 */
#match-button:active {
    background-color: gray;     /* 点击时背景颜色设置为灰色 */
}
